@charset "utf-8";
* {margin:0;padding:0; box-sizing: border-box; -moz-box-sizing: border-box; font-family:Source Han Sans,Geneva, "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;outline:none;}
ul, li, ol {list-style: none outside none;}
body{}
fieldset, img {border:0;}
html{font-size: 13px;}
img{vertical-align:middle; max-width: 100%; }
em, i {font-style:normal;}
dl,dt,dd,h1,h2,h3,h4,h5,h6,p,ul,ol li,form {margin:0; padding:0;list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;empty-cells:show;}
table.layout {table-layout:fixed;word-wrap:break-word;}
table,tr,td,th {table-layout:fixed;word-break:break-all;word-wrap:break-word;}
textarea {resize:vertical;}
a {font-size:14px;color:#000;text-decoration:none;}
a:hover{text-decoration:none; color:rgb(23, 42, 136); }
.cf:after {clear:both;content: ".";display:block;height:0;visibility:hidden;}
.left{ float: left}
.right{ float: right}
.hide{ display: none;}
.wrap{ width: 1200px; margin: 0 auto; position: relative;}
.bzt{ color: #fff;}
.hbg{ background: #e5e5e5;}
.shou{ cursor: pointer;}
.bg_eee{ background: #eee;}
.wzy{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ovh{ overflow: hidden;}
.flexBox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; justify-content: space-between;align-items: center; }
.color_change{background: linear-gradient(to right,#197fdf,#028e4a);}

.pagination{display: flex; align-items: center; justify-content: center;margin-top: 20px;}
.pagination li{ display:inline-flex;justify-content: center; border: 1px solid  #ccc;height:30px; margin: 0 5px;line-height:30px;}
.pagination li a,.pagination li span{line-height: 30px;  color: #666; display: block;padding: 0 10px; }
/*.pagination li.disabled{ background: #ccc; color: #fff;}*/
.pagination li.active,.pagination li:hover{ background: #009ca3; color: #fff;border: none;}
.pagination li.active a,.pagination li:hover a,.pagination li.active span,.pagination li:hover span{ color: #fff;padding: 0 11px;}
/*.pagination li.prev ,.pagination li.next{background: none;}*/

.header{ width: 100%;background:#fff; position: relative;}
.header.blue{background: rgba(17,31,102,1);}
.header_center{margin: 0 auto; }
.header_center .logo img{max-width: inherit;}
.header_center .language{ display: none;}

.header_top{ display: flex; width: 100%; align-items: center;}
.header_top .logo img{ width: 270px;}
.header_top .xc{color: #172987;font-size: 20px;font-weight: bold;padding:10px 25px; border-left:1px solid rgba(221,221,221,1);margin-left:40px;}
.header_top .rx{ display: none;}

.foot_nav{display: none;}

.mobile_nav{display: none;}
.nav_menu{ display: none;}
.header .nav{ display: flex;justify-content: space-between;}
.header .nav .layui-nav{background: none; display: flex; justify-content: space-between;padding: 0;}
.header .nav .layui-nav li{line-height:65px;display: flex;justify-content: center; height:65px;margin:0 25px;}
.header .nav .layui-nav li .layui-nav-child{left:-25px;}
.header .nav .layui-nav li:nth-child(4) .layui-nav-child{left: -15px;}
.header .nav .layui-nav li:nth-child(5) .layui-nav-child{left: -40px;}

.header .nav .layui-nav li a{ display:block;flex-flow:row wrap; font-size:16px; padding: 0;  color:#000; position: relative; overflow: hidden; font-weight: bold;}
.header .nav .layui-nav li a > div{display: block;width: 100%; text-align: center;font-size: 16px;position: relative;  transition:0.3s; }
.header .nav .layui-nav li.layui-this > a,.header .nav .layui-nav li:hover > a{color: #172a88;}
.header .nav .layui-nav li  span{ display: none;}
.header .nav .layui-nav li a img{margin-left:5px;}
.header .nav .layui-nav .layui-this:after{display: none;}
.header .nav .layui-nav-bar{ display: none;}
.header .nav .layui-nav-child{top:65px; text-align: center; background:rgb(23, 42, 136); border: none;}
.header .nav .layui-nav-child a{font-size:14px !important;line-height:40px; padding: 0 20px !important;font-weight: normal !important; color: #fff !important;}
.header .nav .layui-nav-child a:active,.header .nav .layui-nav-child a:focus,.header .nav .layui-nav-child a:hover{background:rgb(0, 163, 57); color: #fff;}
.header .nav .phone{ display: flex; align-items: center;justify-content: center;color: #fff;font-size: 20px;}
.header .nav .phone img{margin-right: 10px;}
.header .nav .rx { display:flex; align-items: center;}
.header .nav .rx i{ font-size:46px;color:#172a88;margin-right:10px;}
.header .nav .rx em{ font-style:italic; font-size: 30px; color: #222;font-family:Source Han Sans, Geneva, sans-serif;font-weight: bold;}

.header_r{background:#f7f7f7;width: calc((100% - 1200px) / 2);height: 100%;position: absolute; right: 0; top:0;border-left:3px solid #f0f0f0; display: flex; align-items: center; }
.header_r .language{background: none; display: flex; align-items: center; justify-content: center;margin: 0 20px;}
.header_r .language a{background: none;color: #666;margin-right:30px; display: flex; align-items: center; justify-content: center; padding: 0;line-height: 30px;}
.header_r .language a:last-child{margin-right: 0;}
.header_r .language a img{margin-right: 10px;}
/*.header_r .language .layui-nav-child{top:40px;}
.header_r .language .layui-nav-more{display: none;}
.header_r .language .layui-nav-item a:hover, .header_r .language .layui-this a{color: #666;}
.header_r .language .layui-nav-bar{display: none;}
.header_r .language .layui-nav-child dd.layui-this a,.header_r .language .layui-nav-child dd:hover a{background: #009ca3;color: #fff;}*/

.search{ background: none;padding: 5px 20px; display: flex ;align-items: center; justify-content: space-between;border-radius: 25px; border: 1px solid #ccc;}
.search input{border: none; background: none;width: 110px;}
.search button{ background:url('/static/images/img/search.jpg') no-repeat; width: 16px; height: 16px; border: none; cursor: pointer;}

.main_box{}
.banner{ text-align: center; height:473px;}
.banner .swiper-slide{position: relative; background-size:cover; background-position: center center; background-repeat: no-repeat;}
.banner .swiper-slide a{display:block;height: 100%; width: 100%;}
.banner .swiper-pagination {bottom: 50px; display: flex; justify-content: center;}
.banner .swiper-pagination-bullet{ background:#172a88;border: 1px solid #172a88; margin: 0 10px !important; opacity: 1; width:12px; height:12px; border-radius:50%;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background: rgb(0, 163, 57);  border: 1px solid rgb(0, 163, 57);}
.banner .swiper-button{ background-image: none; width:35px; height: 100px; transition: 0.3s; top:42%; background-color: rgba(0,0,0,0.5); cursor: pointer; color: #fff; display: flex; align-items: center; justify-content: center;margin-top: 0;}
.banner .swiper-button.swiper-button-prev{left:50px;}
.banner .swiper-button.swiper-button-next{ right:50px;}
.banner .swiper-button:hover{  background: linear-gradient(to right,#197fdf,#028e4a); color: #fff;}
.banner .swiper-button i,.banner .swiper-button span{ display: inline-block;vertical-align: middle;}
.banner .swiper-button span{ height: 100%;}
.banner .swiper-button i:before{font-size: 30px;}

.title_base{ position:relative;text-align: center;margin:40px 0;}
.title_base p{font-size: 36px; line-height: 2;color: #172987; font-weight: bold;}
.title_base span{font-size: 20px; line-height: 2; color: #666; font-weight: bold;}

.index_product{background: #f5f5f5; overflow: hidden;}
.index_product .content{ display: flex; align-items: center; justify-content: space-between;}
.index_product .content li{width: 25%;height: 450px; position: relative; display: flex; align-items: center; justify-content: center;}
.index_product .content li >img{position: absolute; width: 100%; height:100%; z-index:1; left: 0; top:0;}
.index_product .content li:after{position: absolute ;width: 100%; height: 100%; z-index: 2; background: rgba(0,0,0,0.5);top:0;left: 0; content: '';}
.index_product .content li .box{ position: relative; z-index: 3;width: 275px;display: flex;height:150px; justify-content: center; flex-flow:row wrap;}
.index_product .content li .box p{color: #fff;font-size: 25px; text-align:center;width: 100%; white-space: pre;}
.index_product .content li .box img{margin-bottom: 30px;}

.index_product_box .layui-tab{margin-bottom:80px;}
.index_product_box .layui-tab-brief>.layui-tab-more li.layui-this:after, .index_product_box .layui-tab-brief>.layui-tab-title .layui-this:after{display: none;}
.index_product_box .layui-tab-title{display: flex; align-items: center; justify-content: space-between;border-bottom: 1px solid #c9c9c9;}
.index_product_box .layui-tab-brief>.layui-tab-title li{font-size: 15px;}
.index_product_box .layui-tab-brief>.layui-tab-title .layui-this{color: #0056a5;}
.index_product_box .layui-tab-content{padding: 0;}
.index_product_list{}
.index_product_list li{float: left;width:23.8%;border-bottom: 1px solid #a3a3a3;margin:35px 1.6% 0 0;}
.index_product_list li:nth-child(4n+4){margin-right: 0;}
.index_product_list li .img{width: 100%;height:205px;display: flex;align-items: center; justify-content: center; position: relative; background: #fff;}
.index_product_list li .img img{max-width: 100%; max-height: 100%;}
.index_product_list li .img i{position: absolute; top:0; left: 0; width: 100%; height: 100%; display: flex; align-items:  center; justify-content: center; font-size: 45px;color: #fff; background:rgba(76,173,226,0.64);opacity: 0; transition: 0.3s;}
.index_product_list li .img:hover i{opacity: 1;}
.index_product_list li .text{position: relative;margin: 20px 0;}
.index_product_list li .text a{display: inline-block;}
.index_product_list li .text p{font-size: 15px; color: #030303;}
.index_product_list li .text span{ font-size: 13px;color: #6d6d6d;}
.index_product_list li .text i{position: absolute; color: #6d6d6d; font-size: 30px; right: 0; bottom:0; line-height: 30px;}

.index_about{display: flex; justify-content:space-between;margin: 50px auto;}
.index_about .i_about_l{width:48%;}
.index_about .i_about_l img{ height: 400px; width: 100%;}
.index_about .i_about_r{width:48%;}
.index_about .i_about_r .title{position: relative;border-bottom: 1px solid rgba(221,221,221,1);display: flex; justify-content: space-between; align-items: center;}
.index_about .i_about_r .title p{color: #eee;font-weight: bold;font-size: 54px;}
.index_about .i_about_r .title span{position: absolute; font-size: 34px;color: #172987;font-weight: bold;top:30%;display: block;left: 0;}
.index_about .i_about_r .title a{font-size: 14px;font-weight: bold; color: #444;}
.index_about .i_about_r .content{ line-height: 1.75;font-size: 14px; color: #666;margin: 20px 0;}
.index_about .i_about_r .fl{ display: flex; justify-content: space-between;margin-top:50px;}
.index_about .i_about_r .fl li{ padding-left: 30px; margin-left: 30px; border-left:1px solid #ccc; width: calc(100% / 3);text-align: center;}
.index_about .i_about_r .fl li:first-child{padding: 0; margin: 0; border: none;}
.index_about .i_about_r .fl span{font-size: 50px;color: #172a88;font-weight: bold;}
.index_about .i_about_r .fl p{font-size: 16px; font-weight: bold;color: #666;}

.index_case{background: url('../images/21980099.png') center center fixed;}
.index_case .wrap{display: flex; align-items: center; justify-content: space-between;}
.index_case .i_case_box{width:50%;margin: 50px 0; transition: .3s;padding: 50px 10px;}
.index_case .i_case_box:first-child{width:47%;}
.index_case .i_case_box:last-child{width: 52%;}
.index_case .i_case_box:hover{    cursor: pointer;
    transform: translateY(-3px);
    border: 1px none #172987;
    box-shadow: -0.4px 3px 11px rgb(0, 0, 0);
    transition:.3s;}
.index_case .i_case_box .title{ font-size: 26px; color: #fff; font-weight: bold;margin: 30px 0;text-align: center;}
.index_case .i_case_box .content{ display: flex;}
.index_case .i_case_box .content .img{ width: 170px; height: 170px; border: 4px solid #fff; border-radius:50%;background-position: center center; background-size:cover;margin-right: 20px;}
.index_case .i_case_box .content .wz{}
.index_case .i_case_box .content .wz li{line-height: 2;font-size: 16px; color: #fff; font-weight: bold; display: flex; align-items: center;}
.index_case .i_case_box .content .wz i{font-size: 25px; margin-right:10px;}


.index_ly{}
.index_ly .content{display: flex; justify-content: space-between;}
.index_ly .content li{width: 269px; height: 394px;padding: 30px 25px;font-weight: bold;color: #fff;}
.index_ly .content li:nth-child(1){ background: url('../images/21980001.png') center no-repeat;}
.index_ly .content li:nth-child(2){ background: url('../images/21980007.jpg') center no-repeat;}
.index_ly .content li:nth-child(3){ background: url('../images/21980024.jpg') center no-repeat;}
.index_ly .content li:nth-child(4){ background: url('../images/21980040.png') center no-repeat;}
.index_ly .content li span{line-height: 1.5; font-size: 22px;}
.index_ly .content li p{margin-top:100px; font-size: 16px; line-height: 1.75;}

.index_kh{ background: url('../images/21980157.jpg') center no-repeat fixed;overflow: hidden;margin: 50px 0;}
.index_kh .wrap{padding: 0 30px;margin-bottom: 50px; box-sizing: content-box;}
.index_kh_list .swiper-container{width:100%;padding-bottom: 10px;}
.index_kh_list .swiper-button-prev,.index_kh_list .swiper-button-next{background: none;display: flex;justify-content: center; align-items: center;top:40%;}
.index_kh_list i{font-size: 29px;color: rgb(23, 41, 135);}
.index_case_box{transition:0.3s;}
.index_case_box:hover{box-shadow: 0 5px 12px rgba(0,0,0,.1);}
.index_case_box .title{ text-align: center;padding: 5px;}
.index_case_box .title p{ color:#444;font-size: 16px;font-weight: bold;line-height: 28px;}
.index_case_box .title span{font-size: 14px; color: #999; line-height: 18px;}

.index_cn{margin-bottom: 50px;}
.index_cn .wrap{position: relative;}
.index_cn .wrap .cn_l {display: inline-block;}
.index_cn .wrap .cn_l li{ height: 83px;line-height: 83px;border-radius: 20px;   box-shadow: -5px 1.5px 5px rgb(207, 226, 243);padding: 0 20px;color: #666; font-weight: bold;font-size: 16px;display: flex; align-items: center;margin-bottom:15px;}
.index_cn .wrap .cn_l li:last-child{margin-bottom: 0;}
.index_cn .wrap .cn_l li i{font-size: 45px;font-weight: bold;color: #172a88;margin-right: 20px;}
.index_cn .wrap .cn_r {width:55%;text-align:right;position: absolute;right: 0; top:0; height: 100%;}
.index_cn .wrap .cn_r img{width: 62%;height: auto;display: inline-block;}

.index_news{background: url('../images/21980075.png') center no-repeat;padding:20px 0;}
.index_news .wrap{ display: flex; justify-content: space-between;}
.index_news .news_left{width:65%;}
.index_news .news_left .content{display: flex; justify-content: space-between;border-right:1px solid #ccc;padding-right:30px;}
.index_news .news_left .content .pic{width:300px;height:400px;background-size: cover; background-position: center;}
.index_news .news_left .content .list{width:58%;}
.index_news .news_left .content .list li{display: flex;justify-content: space-between;border-bottom: 1px dashed #ddd;padding-bottom: 20px; margin-bottom: 20px;}
.index_news .news_left .content .list li:last-child{margin-bottom: 0; border-bottom: none;padding-bottom: 0;}
.index_news .news_left .content .list .img{width:35%;}
.index_news .news_left .content .list .wz{width:60%;font-size: 11px;line-height: 12px;color: #999;}
.index_news .news_left .content .list .wz .title{margin-bottom: 5px;}
.index_news .news_left .content .list .wz .title a{font-size:16px; font-weight: bold;line-height: 24px;}
.index_news .news_left .content .list .wz .ms{}
.index_news .news_left .content .list .wz .time{}


.index_news .news_right{width:30%;}
.index_news .news_right .list{}
.index_news .news_right .list li{border-bottom: 1px dashed #ddd;padding-bottom: 10px; margin-bottom: 10px;position: relative;}
.index_news .news_right .list li:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom: 0;''}
.index_news .news_right .list li i{width:32px; height:32px; line-height:32px;text-align: center;color: #fff;display: inline-block;font-size: 16px;font-weight: bold;margin-right: 10px;position: absolute;left: 0;}
.index_news .news_right .list li > div{padding-left:45px;}
.index_news .news_right .list li .q{margin-bottom: 10px;line-height: 32px;}
.index_news .news_right .list li .q i{background: #3099dd;}
.index_news .news_right .list li .q a{font-size: 16px;color:#404040;font-weight: bold;}
.index_news .news_right .list li .a{color: #999;line-height: 25px;}
.index_news .news_right .list li .a i{background: rgb(0, 163, 57);}

.index_link .wrap{display: flex; align-items: center;margin:20px auto;}
.index_link .title{padding-left: 20px;position: relative;}
.index_link .title:before{content: 'L';position: absolute;font-size: 78px; left:-11px; top:-34px;color:#172a88; font-family: Source Han Sans,Geneva,sans-serif;}
.index_link .title p{font-size: 16px;}
.index_link .title span{font-size: 26px;letter-spacing: 2.5px;margin-left:12px;}
.index_link .list{margin-left: 50px;}
.index_link .list a{font-family: Tahoma;font-size: 16px;width:160px;display: inline-block;text-align: center; border-right:1px solid #ccc; font-weight: bold;}
.index_link .list a:last-child{border: none;}


.ltt{padding-left: 30px;position: relative;display: flex; justify-content: space-between;margin-bottom: 30px;align-items: center;}
.ltt:before{position: absolute;background:rgb(23, 42, 136);height: 100%; width:10px;content: '';left: 0;top:0;}
.ltt p{font-size: 30px;font-weight: bold;}
.ltt a{font-size: 16px; color: #444;font-weight: bold;}


.index_service{background: url('/static/images/img/service_bg.jpg') center center no-repeat; height: 425px; overflow: hidden;}
.index_service .title_base{margin-bottom:50px;}
.index_service .content{font-size: 30px;color: #fff; text-align: center;line-height: 50px;font-weight: bold;}

.footer{color: #fff;background:rgb(49, 50, 52);}
.footer a{color: #fff;}
.footer .footer_top{padding:30px 0 0; overflow: hidden; }
.footer .footer_top .lm{display: flex;justify-content: space-between;}
.footer .footer_top .lm a{color:#fff; font-size:16px; display: inline-block;width: calc(100% /7);border-right:1px solid #fff;text-align: center;font-weight: bold;}
.footer .footer_top .lm a:last-child{border:none; }
.footer .footer_top .contact{display: flex;justify-content: space-between;margin: 30px auto; align-items: flex-start; }
.footer .footer_top .contact .logo{width: 280px;margin-top:30px;}
.footer .footer_top .contact .xx{display: flex;flex-flow: row wrap;width:520px;font-weight: bold;}
.footer .footer_top .contact .xx li{width: 50%;font-size: 14px;line-height:2.8;}
.footer .footer_top .contact .xx li:nth-child(even){width:55%;}
.footer .footer_top .contact .xx li:nth-child(odd){width:45%;}
.footer .footer_top .contact .xx li:nth-child(5){width: 100%;}
.footer .footer_top .contact .wx{display: flex;}
.footer .footer_top .contact .wx li{width: 130px;text-align: center;line-height: 50px;}
.footer .footer_top .contact .wx li:last-child{margin-left:20px;}
.footer .footer_bottom{background: #292929; color: #b6b6b6;line-height: 45px; text-align: center; white-space:nowrap;}

.kf{position: fixed;top:15%;right: 0;background: #172a88;color: #fff; width:200px;padding:15px; z-index: 99;}
.kf .close{position: relative;width: 100%; height: 0;}
.kf .close i{position: absolute;right:-20px;top:-30px;font-size: 30px;cursor:pointer;}
.kf .lm{}
.kf .lm li{line-height: 30px;border: 1px solid #fff;text-align: center;margin-bottom: 10px;}
.kf .lm li a{color: #fff;display: block;text-align: center;}
.kf .lm li.this,.kf .lm li:hover{background: #fff;}
.kf .lm li.this a,.kf .lm li:hover a{color: #172a88;}
.kf .rx{border: 1px solid #fff; border-top:none;line-height:40px; text-align: center;font-size: 20px;}
.kf .rx i{font-size:22px;}


.n_banner{text-align: center;background-position: center center; background-repeat: no-repeat;background-size: cover;height:300px;}

.n_content{position: relative;  overflow: hidden;margin-top:40px;}
.n_content_n{position: relative; z-index: 2;  display: flex; justify-content: space-between; margin-bottom: 50px;}
.n_content_l{width:270px;border-radius:10px;}
.n_content_l .title{ letter-spacing:2px; background: rgb(23, 42, 136); align-items:center;position: relative; flex-flow:row wrap;color: #fff;font-size:20px; display:flex;z-index: 2;text-align: center; line-height: 64px;justify-content: center;}
.n_content_l .title span{color: #fff; display: block; font-size: 14px; text-transform: uppercase;}

.n_content_l .list{margin:0; border: 1px solid #e6e6e6; }
.n_content_l .list li{background: #fff;line-height:55px;}
.n_content_l .list li a{text-align: center; font-size:16px; display:block; overflow: hidden;}
.n_content_l .list li a p{font-size:16px;}
.n_content_l .list li a span{font-size: 10px;color: #000; opacity: 0.3;width: 60%;display: block;}
.n_content_l .list li.this{background: rgb(243, 243, 243);}


.n_content_l .list2{margin:0;}
.n_content_l .list2 ul{margin:20px 10px;}
.n_content_l .list2 li{border-bottom: 1px dashed #ccc;line-height: 35px;}
.n_content_l .list2 li a{ font-size:14px; display:block; overflow: hidden;}

.n_content_l .top{overflow: hidden;box-shadow: 1px 6px 6px rgb(243, 243, 243);}
.n_content_l .bottom{overflow: hidden;box-shadow: 1px 6px 6px rgb(243, 243, 243);margin-top: 50px;}
.n_content_l .bottom .rx{margin-top: 50px;}
.n_content_l .bottom .rx ul{margin:15px 10px;}
.n_content_l .bottom .rx li{line-height: 30px;color: #666;position: relative;padding-left: 25px;}
.n_content_l .bottom .rx li i{color:#172a88;position: absolute;left: 0;}

.n_content_l .news_tj{padding:10px 20px 30px;}
.n_content_l .news_tj li{}
.n_content_l .news_tj li a{position: relative;color: #000;display: flex; align-items: center;line-height:25px;padding:8px 0 8px 12px;}
.n_content_l .news_tj li a:before{position: absolute;content: ''; border-width:6px;border-style: solid; border-color: transparent  transparent transparent #6dbff9;left: 0;top:16px;}
.n_content_l .news_tj li a:after{position: absolute; bottom:0;width: 100%;border: 1px dotted #e2e2e2;height:1px;content: '';left: 0;}
.n_content_l .news_tj li:hover a{ color: #0a3699;}


.n_content_r{width:865px; }
.n_content_r > .title{ display: flex; align-items: center;  color: #000;padding: 10px 20px;margin-bottom: 10px;background: #fff;}
.n_content_r > .title i{ display:none;}
.n_content_r > .title p{padding:0 10px; font-size: 13px;}
.n_content_r > .title span{font-family:initial;font-size: 10px;color: #999;}

.n_content_nr{min-height: 300px; line-height:28px;}


.relevant_arc{display: flex;justify-content: space-around;}
.relevant_arc li{}
.relevant_arc li a{ text-decoration: underline;}
.relevant_arc li span{background:#afafaf; color: #fff; display: inline-block;padding:3px 5px;margin-right:10px;}


.crumbs { align-items: center; justify-content: space-between; border-bottom: 2px solid #e6e6e6;display: none;}
.crumbs .wz{display: flex; align-items: center;line-height:40px; white-space: pre;}
.crumbs .title{ color: #030303; font-size: 20px; font-weight: bold;}
.crumbs img{margin-right:8px;}
.crumbs a{ color: #000; font-size: 14px;}
.crumbs a:last-child{color: #009ca3; text-decoration: underline;}


.xzly{}
.xzly .top{display: flex;justify-content: space-between;margin-bottom: 50px;}
.xzly .top .left{width:45%}
.xzly .top .right{width:50%;}
.xzly .top .right li{margin-bottom:12px;}
.xzly .top .right li span{color: #172a88;font-weight: bold;}

.xzly .title{font-size: 30px;color: #172a88;margin-bottom: 30px;}
.xzly .center .list ul{display: flex;flex-flow: row wrap;justify-content: space-between;}
.xzly .center li{ box-shadow: 0 5px 30px rgba(15, 91, 183, 0.1);border-radius: 6px;width:48%;margin-bottom: 30px;padding:20px;transition:.3s;}
.xzly .center li:hover{    box-shadow: 0 2px 30px rgba(15, 91, 183, 0.3);transform: translateY(-3px);}
.xzly .center li span{font-size: 18px; color: #172a88;font-weight: bold;}
.xzly .center li p{color: #989898;line-height: 1.75;font-size: 14px;margin-top:20px;}

.xzly .bottom{}
.xzly .bottom ul{display: flex; justify-content: space-between;flex-flow: row wrap;}
.xzly .bottom li{width: 48%;display: flex; align-items: center;justify-content: space-between;margin-bottom: 50px;}
.xzly .bottom li .img{width:180px;height: 180px;border-radius: 50%;background-position: center;background-size: cover;}
.xzly .bottom li .content{width:200px;}
.xzly .bottom li .content span{font-size: 18px; color: #172a88;font-weight: bold;}
.xzly .bottom li .content p{}

.product_jj .img{width: 100%; height: 300px;}
.product_jj .img img{width: 100%;object-fit:none;height: 100%;}
.product_jj .nr{line-height: 1.75;color: #666;white-space: pre-line;margin:20px 0;}



.project_list ul{}
.project_list li{width:32%;margin-right:2%; float: left; background: #f7f6f6; padding: 20px; margin-bottom: 20px;}
.project_list li:nth-child(3n+3){margin-right: 0;}
.project_list li .img{width: 100%; height: 140px;}
.project_list li .img img{height: 100%;width: 100%;}
.project_list li .title{line-height: 25px;margin: 10px 0 5px; color: #009ca3; text-decoration: underline;}
.project_list li .title a{ font-size:14px; color: #009ca3; text-decoration: underline;}
.project_list li .text{ line-height:20px; color: #5a5a5a; height: 40px;}


.contact_box{}
.contact_box .top{background: rgb(238, 238, 238);overflow: hidden;}
.contact_box .top .wrap{position:relative;line-height:30px;margin:20px auto;padding-left:20px;font-size: 24px;}
.contact_box .top .wrap:before{position: absolute;left: 0; top:0; width:8px; height: 100%;background: #172a88;content: '';}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0;}


.contact_box .content{margin:50px auto;display: flex;justify-content: space-between;align-items: center;}
.contact_box .content .lxfs{width:35%;}
.contact_box .content .lxfs .title{font-size: 24px;color: #172a88;font-weight: bold;border-bottom: 1px solid rgba(221,221,221,1);line-height:60px;margin-bottom: 20px;}
.contact_box .content .lxfs li{line-height:45px;display: flex;align-items: center;font-size: 16px; color: #666;}
.contact_box .content .lxfs li i{font-size: 24px; color: #172a88;margin-right: 10px;}

#dituContent{width:60%;height:400px;/*border:#ccc solid 1px; */}
#dituContent *{box-sizing: content-box !important;}
#dituContent img{max-width: none !important; width: 100%; height: 100%;}

.news_detail{}
.news_detail > .title{font-size: 24px;text-align: center;line-height:35px;}
.news_detail > .time{text-align: center;line-height: 30px;border-bottom: 1px dashed #e5e5e5;padding:10px 0;}
.news_detail > .body{padding:20px 0;}

.news_list{ padding-bottom:50px; }
.news_list ul{ display: flex; align-content: center;justify-content: space-between; flex-flow: row wrap;}
.news_list li{ text-align: center;display: flex; align-items: center; justify-content: space-between;padding:35px 0; border-bottom: 1px solid #d9d9d9;width: 100%; background: #fff;}
.news_list  li .img{width:20%; border-radius:15px;overflow: hidden;height: 116px; text-align: center;}
.news_list  li .img img{max-width: 100%;max-height: 100%; display: inline-block;}
.news_list  li .box{width:75%;text-align: left;}
.news_list  li .time{font-size: 14px; }
.news_list  li .title{color: #000; font-size: 16px;margin:10px 0 20px; position: relative;}
.news_list  li .title:before{content: '';position: absolute;width: 50px; height:1px; background: #009ca3; bottom:-10px; left: 0;}
.news_list  li .title a{font-size:14px; color: #009ca3;}
.news_list  li .text{ color: #565656;font-size: 13px; line-height: 20px; }
.news_list  li .more{display: inline-block;color: #009ca3;font-size: 13px;}
.news_list.index_news .content li{width:46%; }

.relevant{margin-top:50px;}
.relevant_list{background: #f7f8f8;padding: 30px;margin-top: 50px;}
.relevant_list .title{ font-size:24px; text-align: center;}
.relevant_list ul{}
.relevant_list ul li{display: flex;justify-content: space-between;line-height:30px;padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dashed #ccc;}
.relevant_list ul li a{ display: flex; align-items: center;}
.relevant_list ul li a i{margin-right: 5px;}

.project_detail{}
.project_detail .top{display: flex;justify-content: space-between;}
.project_detail .top .img{width: 45%;}
.project_detail .top .text{width:50%;}
.project_detail .top .title{font-size:32px; border-bottom: 1px dashed #ccc;line-height: 60px;}
.project_detail .top .ms{font-size: 14px; line-height: 25px;padding:10px 0;}
.project_detail .top .rx{font-size:24px;margin:10px 0 20px;}
.project_detail .top .rx span{color:#e40114; font-weight: bold;}
.project_detail .top .zx{display: block;}
.project_detail .bottom{padding:20px 0 ;border-top:1px dashed #ccc;margin-top: 50px;line-height: 30px;}

.achievement_list{}
.achievement_list ul{border-bottom: 1px dashed #ddd;}
.achievement_list ul li{ text-align: center; width:30%;margin-right:5%;  float:left; background: #fff;margin-bottom: 20px;}
.achievement_list ul li:nth-child(3n+3){margin-right:0; }
.achievement_list ul li img{height: 200px; width: 100%;}
.achievement_list ul li p{line-height: 50px;padding: 0 30px; color: #434343;}
.achievement_list ul li:hover p{background: linear-gradient(to right,#197fdf,#028e4a); color: #fff;}

.down_list{}
.down_list li{display: flex; justify-content: space-between; line-height: 50px; font-size: 16px; border-bottom: 1px solid #ccc; margin-bottom:30px;}
.down_list li p{}
.down_list li a{font-size: 14px;background: #009ca3; color: #fff; padding: 0 20px; border-radius:5px; line-height:25px;display: inline-block;margin-right: 50px;}
.down_list li span{ opacity: 0.5;}

.policy_list ul{}
.policy_list li{padding:25px 0;  border-bottom: 1px solid #e6e6e6; display: flex; align-items: center; justify-content:space-between;}
.policy_list li .img{width:25%;height: 120px;}
.policy_list li .img img{width:100%;height:100%;}
.policy_list li .content{width:72%;}
.policy_list li .title{line-height: 25px;margin-bottom: 10px;}
.policy_list li .title a{ font-size:16px; color: #3c3c3c;}
.policy_list li .jj{ font-size: 14px; color: #8f8f8f;line-height: 25px;}
.policy_list li .jj a{ color: #8f8f8f;}
.policy_list li .time{ color: #838383;margin-top: 10px;}

.expert_list{}
.expert_list .expert_search{margin:50px auto;border-radius: 30px;height: 45px;width: 390px; line-height: 45px; border: 1px solid #d2d2d2; display: flex;justify-content: space-between; align-items: center;}
.expert_list .expert_search input{border: none; background: none;line-height: 100%; height: 100%;margin:0 20px;width: 270px;}
.expert_list .expert_search button{line-height: 100%; height: 100%; background: linear-gradient(to right,#197fdf,#028e4a); color: #fff; border-radius: 30px; display: block; width: 80px; border: none; font-size: 18px; cursor: pointer;}

.expert_list ul{}
.expert_list ul li{width:23.2%;float: left;margin-right:2.4%; text-align: center;}
.expert_list ul li:nth-child(4n+4){margin-right: 0;}
.expert_list ul li .img{ width: 100%; padding: 30px; border: 1px solid #e9e9e9; height: 220px; display: flex; align-items: center; justify-content: center;}
.expert_list ul li .img img{max-height: 100%; }
.expert_list ul li .content{ color: #515151;padding:20px 0 25px;}
.expert_list ul li .title{  font-size: 18px;line-height: 35px;}
.expert_list ul li .jj{}

.certificate_list{padding: 20px;}
.certificate_list li{width:23.2%;float: left;margin-right:2.4%; padding:20px 10px 0; border: 1px solid #ccc; margin-bottom:20px;text-align: center;}
.certificate_list li:nth-child(4n+4){margin-right: 0;}
.certificate_list li .img{height:150px;text-align: center;display: flex; align-items: center;justify-content: center;cursor: pointer;}
.certificate_list li img{max-height: 100%;display: inline-block;}
.certificate_list li .title{line-height:50px;}

.recruit_list{border:none;}
.recruit_list .layui-colla-item{ background: #f7f7f7;margin-top: 20px;}
.recruit_list .layui-colla-title{ color:#232323; display: flex;align-items: center; justify-content: space-between;padding:20px 30px;height: auto; line-height:inherit;background: none;}
.recruit_list .layui-colla-title i{left: auto;right: 10px;transform:rotate(45deg);width:auto; height:auto; display: flex; align-items: center; justify-content: center;position: relative;top:2px; transition: 0.3s;}
.recruit_list .layui-colla-title.show i{transform:rotate(0deg);}
.recruit_list .layui-colla-title i:before{font-size:35px;line-height:35px;}
.recruit_list .layui-colla-title i:before{}
.recruit_list .layui-colla-title .title{ display: flex; align-items: flex-end;}
.recruit_list .layui-colla-title .title p{ font-size: 24px;padding-right:30px;margin-right: 30px; border-right:1px solid #ddd; }
.recruit_list .layui-colla-title .title span{ font-size: 18px;}
.recruit_list .layui-colla-content{border: none;padding:0 30px;}
.recruit_list .layui-colla-content .content{padding:20px 0;}
.recruit_list .layui-colla-content .content:first-child{border-bottom: 1px solid #ddd;padding-top: 0;}
.recruit_list .layui-colla-content .title{ font-size: 18px;color: #232323;line-height:35px;margin-bottom:15px;}
.recruit_list .layui-colla-content .text{  color: #636363;line-height: 30px;}
.recruit_list .layui-colla-content button{font-size: 18px; color: #fff; text-align: center; display: inline-block; border: none; width: 200px;line-height: 55px;cursor: pointer;margin-bottom: 30px;}

.apply_form{  padding: 50px; }
.apply_form .title{ font-size: 30px; text-align: center;}
.apply_form .content{ margin: 50px 0;}
.apply_form .layui-form-item{ margin-bottom: 20px; }
.apply_form .layui-form-item:after{content:normal;}
.apply_form .layui-form-item label{ text-align: right; font-size:18px; height:55px;line-height:55px;padding: 0; }
.apply_form .layui-form-item label i{color: #e03431;line-height: 55px;margin-right: 10px;}
.apply_form .layui-form-item .layui-input-block{line-height: 55px;}
.apply_form .layui-form-item .layui-input-block input{ padding:0 20px;font-size: 20px;height:55px; width: 100%; border-radius: 5px; border: 1px solid #ddd;}
.apply_form .layui-form-item .layui-input-block .layui-input-inline{ width: 183px;}
.apply_form .layui-form-item .layui-input-block .layui-input-inline:last-child{ margin-right: 0;}
.apply_form .layui-form-item textarea{ font-size: 20px; resize: none;padding: 20px;}
.apply_form > button{ width: 100%; color: #fff; font-size: 30px; line-height: 55px; height: 55px;}
.apply_form .layui-form-select dl{top:55px;}
.apply_form .layui-form-select dd.layui-this{ background: #52a9df;}

.search_box{border: 1px solid #d1dfe9;border-radius: 5px;margin:120px 50px 50px;background-image: linear-gradient(to bottom,#e5eff6 2%,#fff 30%); padding: 50px;}
.search_box > p{color: #0a3699; font-size: 20px;position:relative;padding-left:20px;line-height:20px;}
.search_box > p:before{position: absolute;left: 0;top:2px;content: '';width:15px;height:15px; background: url('../images/ss.png') center center no-repeat #093599;background-size: cover;}
.search_box form{margin:50px 100px;}
.search_box .top{line-height: 30px;color: #000;}
.search_box .top label{font-size: 16px;}
.search_box .top input{border:1px solid #dcdcdc;border-radius: 5px;line-height:28px;padding: 0 10px;width: 320px;}
.search_box .bottom{display: flex; align-items: center;padding-left: 80px;margin-top: 30px;}
.search_box .bottom button{width:80px; line-height: 25px; background: #0a3699; color: #fff; border: none;margin: 0 10px; border-radius: 10px;cursor: pointer;}
.search_box .bottom img{height:25px;}

.recommended_products{overflow: hidden;}
.product_page li{margin-top:40px;}
.product_list{ display: flex;margin-bottom: 80px;}
.product_list ul{width: 100%; display: flex; flex-flow: row wrap;}
.product_list li{border: 1px solid #ebebeb;float:left; }
.product_list.row3 li{width:31%; margin-right:3.5%;}
.product_list.row3 li:nth-child(3n+3){margin-right: 0;}

.product_list.row4 li{width:23.8%;margin-right:1.6%;}
.product_list.row4 li:nth-child(4n+4){margin-right: 0;}
.product_list li .img{height: 205px;}
.product_list li .img a{height: 100%;width: 100%;display: flex; align-items: center; justify-content: center; }
.product_list li .img img{max-height: 100%;}
.product_list li .title{background: #f5f5f5; padding: 0 20px;line-height: 50px; font-size: 16px;text-align: center;}
.product_list li .ms{padding:10px 20px;font-size: 12px;}
.product_list li .ms dl{line-height: 25px; white-space: pre-line; overflow: hidden; max-height: 140px;list-style-type:disc;}
.product_list li .ms dl:before{ content: '●';margin-right:5px;}
.product_top{ padding:0 0 2rem; display: flex; justify-content: space-between;}
.product_top .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;}
.product_top .swiper-slide {background-size: cover;background-position: center; display: flex; align-items: center; justify-content: center;}
.product_top .swiper-slide  img{max-height: 100%;}
.product_top .gallery-top {height: 300px;width: 100%;}
.product_top .gallery-thumbs{ position:relative;}
.product_top .gallery-thumbs .swiper-container {height:90px;box-sizing: border-box;margin-top:20px;width: 80%; }
.product_top .gallery-thumbs .swiper-container .swiper-wrapper{}
.product_top .gallery-thumbs .swiper-container .swiper-slide {height: 100%;opacity:0.5; cursor:pointer; display: flex; align-items: center; justify-content: center;}
.product_top .gallery-thumbs .swiper-container .swiper-slide div{ width:calc(100% - 2px); border:1px solid #ccc; cursor:pointer;}
.product_top .gallery-thumbs .swiper-container .swiper-slide-thumb-active {opacity: 1;}

.product_top .swiper-button-prev,.product_top .swiper-button-next{ background-color:#ccc; background-size:50% auto;}
.product_top .product_left{ position:relative;width:52%;}
.product_top .product_right{ position:relative;width:45%;}
.product_top .pros{ width:85%; margin:0 auto; height:85px;}
.product_top .pros .swiper-wrapper{ display: flex;}
.product_top .pros .swiper-wrapper img{width: 70px; height: 70px;}

.ptit{ padding:0 0 0 2rem;}
.ptit h2{ font-size:25px;}
.ptit p{ font-size:20px;margin:15px 0 10px;}
.ptit p span{ display:inline-block; font-size:14px;}

.pinfo{ padding-left:2rem; margin-top:1rem; border-top:1px solid #ccc;}
.pinfo p{ line-height:30px;white-space: pre-line;}
.pinfo span{ font-size:1.8rem; display:block;margin:10px 0;}
.pinfo p:before{content: "○";color: #00703a;margin-right: 5px; font-size:1.6rem;}

.pdown{ padding:3rem 0 0 2rem;}
.pdown a{ background:url(/static/images/img/pdf.jpg) no-repeat 0 center; padding-left:30px; display:inline-block; color: #26ac60;}


.product_bottom{ border-top:1px solid #ccc; padding:20px 0;}
.product_bottom{margin: 0;}
.product_bottom .layui-tab-title{border-top: 1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;padding-top:5px; box-sizing: content-box;}
.product_bottom .layui-tab-title .layui-this{color: #000; border: 1px solid #dcdcdc; border-radius:5px 5px 0 0; border-bottom: none;position: relative; border-bottom: 1px solid #f0f1f3; top:-1px;}
.product_bottom .layui-tab-title li{border-top:1px solid #f0f1f3;border-bottom: none;}
.product_bottom .layui-tab-title .layui-this:after{content: normal;}
.product_bottom .layui-tab-content{ line-height: 30px;}

.contact_nr{width:50%;}
.contact_nr .corporate_name p{font-size: 25px; }
.contact_nr .corporate_name span{font-size: 16px;display: block;line-height: 35px;}
.contact_nr .xq{}
.contact_nr .xq li{ line-height: 50px; border-bottom: 1px dashed #ccc;}

.about_nr .swiper-container { width: 100%; margin-left: auto;margin-right: auto;}
.about_nr .swiper-slide { background-size: cover; background-position: center;}
.about_nr .gallery-top {   width: 100%;}
.about_nr .gallery-thumbs { height: 20%;  box-sizing: border-box;   padding: 10px 0;border-top:1px solid #f0f1f3;margin-top: 10px; }
.about_nr .gallery-thumbs .swiper-slide { height: 100%;   opacity: 0.4;}
.about_nr .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}

.about_text{ text-align: center;}
.about_text span{font-size: 30px;display: block;margin-bottom: 20px;}
.about_text p{font-size: 17px; line-height:35px;}